/*
 * @Description: 默认图表
 * @Author: kanglin
 * @Date: 2018-09-20 13:57:35
 * @Copyright: Created by Panxsoft.
 */

<style lang="less" scoped rel="stylesheet/less" type="text/less" >
    .v-com-default-chart{
        height: 300px;
		width: 400px;
		padding-top: 0px;
        .title{
            font-size: 20px;
            font-weight: bold;
			color: #323232;
			line-height: 1.5;
			text-align: center;
        }

        .image{
			margin-left: auto;
			margin-right: auto;
            margin-top: 16px;
            height: 210px;
			width: 210px;
			background-image: url('../../assets/img/default-chart.png');
			background-size: 100%;
            &> p{
                text-align: center;
				line-height: 210px;
				color: #d6d6d6;
            }
        }
    }
</style>

<template>
	<div class="v-com-default-chart">
		<div class="title">
			{{ title }}
		</div>
		<div
			class="image">
			<p>{{ $t('common.no_data') }}...</p>
		</div>
	</div>
</template>

<script>
export default {
	name: 'DefaultChart',
	props: {
		title: {
			type: String,
			required: true,
		},
	},
	data() {
		return {
			// default_iamge: require('src/assets/img/default-chart.png'),
		};
	},
	methods: {},
};
</script>
